<template>
  <div>
    <star-bread-crumb />
    <el-row class="frontend-footer-brother star-scroll" justify="center">
      <el-col class="user-layouts" :span="24" :xs="24">
        <star-content-frame />
      </el-col>
      <el-backtop
        target=".star-scroll"
        :right="100"
        :bottom="100"
        style="background: var(--el-color-primary);color: var(--el-color-white)"/>
    </el-row>
  </div>
</template>

<script setup>
import StarBreadCrumb from '@/components/common/content/StarBreadCrumb'
import StarContentFrame from '@/components/common/content/StarContentFrame'
</script>

<style lang="less" scoped>
.frontend-footer-brother {
  background: var(--el-color-white);
  border-radius: var(--el-border-radius-base);
  height: calc(100vh - 135px);
  overflow-y: auto;
}
.user-layouts {
  display: flex;
  align-items: flex-start;
}
</style>
